<!-- ---
layout: default
title: 视图
slug: views
lead: "常用视图."
base_url: "./"
--- -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="ZUI，一个简单灵活的前端框架。">
  <meta name="author" content="Zentao">

  <title>ZUI</title>

  <link href="css/zui.min.css" rel="stylesheet">
  <link href="../assets/datetimepicker/css/datetimepicker.min.css" rel="stylesheet">
  <link href="../assets/chosen/css/chosen.min.css" rel="stylesheet">
  <link href="css/doc.css" rel="stylesheet">
</head>
<body>
  <header>
    <nav id="navbar" class="navbar navbar-inverse navbar-fixed-left navbar-collapsed" role="navigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/zui">ZUI</a>
      </div>
      <div class="collapse navbar-collapse" id="navbar-collapse">
        <ul class="nav navbar-nav collapsed">
          <li class="nav-heading">开始</li>
          <li><a href="start.html#about">约定</a></li>
          <li><a href="start.html#files">文件目录结构</a></li>
          <li><a href="start.html#lite">关于简洁版</a></li>
          <li><a href="start.html#grunt">编译及定制</a></li>
          <li><a href="start.html#browsers">受支持的平台</a></li>
        </ul>
        <ul class="nav navbar-nav collapsed">
          <li class="nav-heading">基础</li>
          <li><a href="basic.html#hello">Hello world</a></li>
          <li><a href="basic.html#global">全局样式表</a></li>
          <li><a href="basic.html#ie">兼容IE浏览器</a></li>
          <li><a href="basic.html#responsive">响应式设计</a></li>
          <li><a href="basic.html#grid">栅格系统</a></li>
          <li><a href="basic.html#type">文字排版</a></li>
          <li><a href="basic.html#utility">辅助类</a></li>
          <li><a href="basic.html#scrollbars">滚动条</a></li>
          <li><a href="basic.html#colorset">配色</a></li>
          <li><a href="basic.html#themes">主题</a></li>
        </ul>
        <ul class="nav navbar-nav collapsed">
          <li class="nav-heading">控件</li>
          <li><a href="controls.html#icons">图标</a></li>
          <li><a href="controls.html#buttons">按钮</a></li>
          <li><a href="controls.html#progress">进度条</a></li>
          <li><a href="controls.html#labels">标签</a></li>
          <li><a href="controls.html#textbox">文本框</a></li>
          <li><a href="controls.html#breadcrumb">面包屑</a></li>
          <li><a href="controls.html#images">图片</a></li>
          <li><a href="controls.html#headers">标题</a></li>
          <li><a href="controls.html#dividers">分隔</a></li>
        </ul>
        <ul class="nav navbar-nav collapsed">
          <li class="nav-heading">组件</li>
          <li><a href="components.html#alerts">消息框</a></li>
          <li><a href="components.html#code">代码</a></li>
          <li><a href="components.html#inputgroup">输入组</a></li>
          <li><a href="components.html#listgroup">列表组</a></li>
          <li><a href="components.html#navs">导航</a></li>
          <li><a href="components.html#navbars">导航条</a></li>
          <li><a href="components.html#pagers">分页器</a></li>
          <li><a href="components.html#panels">面板</a></li>
          <li><a href="components.html#tables">表格</a></li>
          <li><a href="components.html#buttongroup">按钮组</a></li>
        </ul>
        <ul class="nav navbar-nav collapsed">
          <li class="nav-heading">Javascript插件</li>
          <li><a href="javascript.html#modals">模态框</a></li>
          <li><a href="javascript.html#dropdowns">下拉菜单</a></li>
          <li><a href="javascript.html#tabs">标签页</a></li>
          <li><a href="javascript.html#tooltips">提示消息</a></li>
          <li><a href="javascript.html#popovers">弹出框</a></li>
          <li><a href="javascript.html#collapse">折叠</a></li>
          <li><a href="javascript.html#carousel">轮播</a></li>
          <li><a href="javascript.html#datetimepicker">日期选择</a></li>
          <li><a href="javascript.html#chosen">Chosen</a></li>
          <li><a href="javascript.html#richeditor">富文本编辑器</a></li>
          <li><a href="javascript.html#droppable">拖放</a></li>
          <li><a href="javascript.html#autotrigger">自动触发器</a></li>
        </ul>
        <ul class="nav navbar-nav collapsed">
          <li class="nav-heading">视图</li>
          <li><a href="views.html#form">表单</a></li>
          <li><a href="views.html#article">文章</a></li>
          <li><a href="views.html#cards">卡片</a></li>
          <li><a href="views.html#list">列表</a></li>
          <li><a href="views.html#comment">评论</a></li>
          <li><a href="views.html#dashboard">仪表盘</a></li>
          <li><a href="views.html#boards">看板</a></li>
        </ul>
        <ul class="nav navbar-nav">
          <li class="nav-heading">探索</li>
          <li><a href="explore.html#sourcecode">下载源码</a></li>
          <li><a href="explore.html#cases">这些网站在使用</a></li>
        </ul>
      </div>
    </nav>
  </header>
  <div id="main">
    <div class="page-header">
      <h1>视图</h1>
    </div>

    <section id="sourcecode">
      <div class="page-header">
        <h2>下载源码</h2>
      </div>
    </section>

    <section id="cases">
      <div class="page-header">
        <h2>这些网站在使用</h2>
      </div>
    </section>
  </div>

  <script src="../assets/jquery.js"></script>
  <script src="../dist/js/zui.min.js"></script>
  <script src="../assets/js/datetimepicker/datetimepicker.min.js"></script>
  <script src="../assets/js/chosen.jquery.min.js"></script>
  <script src="../assets/js/chosen.icons.min.js" type="text/javascript"></script>
  <script src="../assets/js/kindeditor/kindeditor-all-min.js"></script>
  <script src="../assets/google-code-prettify/prettify.js"></script>
  <script src="js/doc.js"></script>
</body>
</html>
